<template>
  <div id="scan-result">
    <div class="scan-title">
      <img src="../../assets/img/success.png" width="80" />
      <p>缴费成功</p>
    </div>
    <div class="scan-info">
      <a-row class="scan-row" type="flex" justify="center">
        <a-col span="10"><p class="col-title">客户姓名：</p></a-col>
        <a-col span="10" offset="1"
          ><p>{{ uerInfo.name }}</p></a-col
        >
      </a-row>
      <a-row class="scan-row" type="flex" justify="center">
        <a-col span="10"><p class="col-title">用户编号：</p></a-col>
        <a-col span="10" offset="1"
          ><p>{{ uerInfo.uid }}</p></a-col
        >
      </a-row>
      <a-row class="scan-row" type="flex" justify="center">
        <a-col span="10"><p class="col-title">本次缴费金额：</p></a-col>
        <a-col span="10" offset="1"
          ><p class="money-num">{{ uerInfo.thisTime }} 元</p></a-col
        >
      </a-row>
      <a-row class="scan-row" type="flex" justify="center">
        <a-col span="10"><p class="col-title">当前余额：</p></a-col>
        <a-col span="10" offset="1"
          ><p class="money-num">{{ uerInfo.current }} 元</p></a-col
        >
      </a-row>
    </div>
  </div>
</template>

<script>
import ACol from "ant-design-vue/es/grid/Col";
export default {
  components: { ACol },
  data() {
    return {
      uerInfo: {
        name: "王天林",
        uid: "01080099",
        thisTime: "30.00",
        current: "200.00"
      }
    };
  },
  created() {
    this.initData();
  },
  filters: {
    transData() {}
  },
  methods: {
    initData() {
      // let info = sessionStorage.getItem("user_info");
      // if (info) {
      //     this.uerInfo = JSON.parse(info);
      // }
    }
  }
};
</script>

<style lang="less">
p {
  margin: 0;
  padding: 0;
}
#scan-result {
  .scan-title {
    text-align: center;
    padding: 15px 0;
    p {
      font-size: 25px;
      font-weight: 600;
      color: #d81e06;
      font-family: AlibabaPuHuiTiR;
    }
  }
  .scan-info {
    width: 50%;
    margin: 10px auto;
    font-size: 22px;
    font-weight: 600;

    .scan-row {
      padding: 8px 0;
      .col-title {
        text-align: right;
      }
      .money-num {
        color: #d81e06;
      }
    }
  }
}
</style>
